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(54) Touch zoom in/out for a graphics display 

(57) A method of zooming in/out for a graphics im- 
age on a display screen encompasses drawing a rec- 
tangle on the display screen, either entirely within a dis- 
play area of the display screen for two-dimensional 
zoom in/out or along one axis within a peripheral area 



of the display screen for one-dimensional zoom in/out. 
Once the rectangle is drawn by dragging from one cor- 
ner to an opposite corner, tapping or clicking within the 
rectangle causes a zoom in action and tapping or click- 
ing outside the rectangle causes a zoom out action. 
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Description 

BACKGROUND OF THE INVENTION 

[0001] The present Invention relates to touch screen 
interfaces, and more particularly to a method of zooming 
in/out for a graphics display. 

[0002] A quick and intuitive method for zooming in on 
a user-defined section of a graphics display is to simply 
indicate a rectangle with a mouse or touch on a graphics 
display screen by dragging one corner to an opposite 
corner. The area within the rectangle is then expanded 
in two dimensions to fill the entire display upon a user 
action, such as lifting the mouse cursor ortouch, clicking 
a zoom button or clicking within the rectangle. The issue 
of how to perform the opposite action — zooming out 
— has not been well addressed to date. Another weak- 
ness of the present method is that a one-dimension-only 
zoom is somewhat awkward in that the operator has to 
think carefully about the problem, then draw the rectan- 
gle to completely span the axis that he doesn't want to 
affect. 

[0003] What is desired is a quick and intuitive method 
for zooming out as well as zooming in including an easy 
way for performing one-dimension-only zooming. 

BRIEF SUMMARY OF THE INVENTION 

[0004] Accordingly the present invention provides a 
method of zooming either in or out by drawing a rectan- 
gle on a graphics display, using eithertouch or a mouse. 
A pair of icons are presented, one within the rectangle 
and the other outside the rectangle. Clicking ortouching 
within the rectangle results in zooming in so that what 
is inside the rectangle fills the entire display, and clicking 
ortouching outside the rectangle results in zooming out 
so that the entire display is compressed to within the 
rectangle with additional previously unseen portions of 
the image fill the remainder of the screen. For one-di- 
mensional-only zooming the rectangle is drawn along 
an axis in a peripheral area of the display, and the rec- 
tangle completely encompasses the other axis. 
[0005] The objects, advantages and other novel fea- 
tures of the present invention are apparent from the fol- 
lowing detailed description when read in conjunction 
with the appended claims and attached drawing. 

BRIEF DESCRIPTION OF THE SEVERAL VIEWS OF 
THE DRAWING 

[0006] 

Fig. 1 is a plan view of a graphic screen display for 
drawing a rectangle according to the present inven- 
tion. 

Fig. 2 is a plan view of a graphic screen display 

showing zoom in for the rectangle of Fig. 1 . 

Fig. 3 is a plan view of a graphic screen display for 



drawing a rectangle on the display of Fig. 2. 
Fig. 4 is a plan view of a graphic screen display 
showing zoom out for the rectangle of Fig. 3. 
Fig. 5 is a plan view of a graphic screen display for 
5 drawing a rectangle for one-dimension-only zoom 
in/out according to the present invention. 
Fig. 6 is a flow chart view of the zoom in/out method 
according to the present invention. 

10 DETAILED DESCRIPTION OF THE INVENTION 

[0007] Referring now to Figs. 1 and 6 for a two-dimen- 
sional zoom in/out a user describes a rectangle 1 2 on a 
graphics display screen 14 having an image 15 by drag- 
's gjng a mouse cursor or touch pointer from one comer 
to an opposite comer of a portion of the display as illus- 
trated by an arrow 16. As is well known, the arrow 16 
does not have to actually be displayed on the screen 14, 
and generally isn't, but is shown here to illustrate the 
20 path of the pointer. The user touches the screen 14 at 
the upper left end of the arrow 16 and drags to the lower 
right tip of the arrow, then lifts the touch pointer or mouse 
button. As the user drags along the screen 1 4, the zoom 
rectangle 12, shown with dashed lines, grows to follow 
25 the progress of the pointer/cursor. Upon completion of 
the drag operation two symbols 1 8, 20 appear superim- 
posed on the graphics display screen b to provide a hint 
about what to do next. One symbol 18 is inside the rec- 
tangle 12 and the other 20 is outside. The inside symbol 
30 18 indicates Zoom In and the outside symbol 20 indi- 
cates Zoom Out. Clicking or touching anywhere within 
the rectangle 12 causes the Zoom In action to expand 
the rectangle's contents to fill the graphics display 
screen 14, as shown in Fig. 2. The new display is scaled 
35 to shown the contents of the zoom rectangle 12 in- 
creased in size both horizontally and vertically to fill the 
original display area. 

[0008] Clicking outside the zoom rectangle 1 2 causes 
the Zoom Out action to shrink the graphics image 15 

40 such that the graphics image that previously covered the 
entire area now is scaled to fit within the rectangle, as 
shown in Fig. 4 with respect to Fig. 3. The area outside 
the rectangle 1 2 now contains the portion of the graphics 
image 15 that was previously outside the graphics view- 

^5 ing area. 

[0009] One-dimensional zoom in/out is accomplished 
by dragging the rectangle 12 in an axis area 19 adjacent 
the graphics image 15, as shown in Figs. 5 and 6. For 
example, dragging across a portion of the horizontal ax- 

50 is 1 9 creates the rectangle 1 2 that spans the entire ver- 
tical range of the graphic image 15, but only the portion 
of the horizontal range which the user wishes to target 
for zoom in/out. Likewise dragging across a portion of 
the vertical axis 19 creates a zoom rectangle 12 that 

55 spans the entire horizontal range, but only the portion 
of the vertical range which the user wishes to target for 
zoom in/out. Upon touching within the zoom rectangle 
12 the image 15 is expanded in one direction only to 
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either fill the entire display area (Zoom In) or to com- 
press the current image to be within the zoom rectangle 
(Zoom Out) displaying portions of the image that previ- 
ously were outside the display area. 
[001 0] Additionally an Undo button may be displayed, 
either within the display area or adjacent to it. When the 
user presses the Undo button, the last display scaling 
action, such as those described above, is reversed, re- 
turning the display to the state it was in before the scal- 
ing action was initiated. The Undo button then changes 
into a Redo button. Pressing the Redo button repeats 
the scaling action that was undone by the Undo button, 
and the Redo button becomes the Undo button again. 
By pressing this button multiple times, the user may 
switch back and forth between two displays of different 
scale factors, either horizontal, vertical or both. 
[001 1 ] Thus the present Invention provides a method 
of zooming in/out using a rectangle drawn on a graphics 
display screen, providing indicators of Zoom In and 
Zoom Out inside and outside the rectangle respectively, 
and performing the scaling function indicated by where 
the usertaps or clicks — inside or outside the rectangle. 



Claims 

1 . A method of zooming in/out for a graphics image on 
a display screen having a display area and a pe- 
ripheral area comprising the steps of: 

drawing a rectangle on the display screen from 
a first corner to a second corner to indicate an 
area to be zoomed in/out; and 
contacting the screen either inside or outside 
the rectangle, contact within the rectangle initi- 
ating a zoom in action so that the portion of the 
graphics image within the rectangle is expand- 
ed to fill the display area and contact outside 
the rectangle initiating a zoom out action so that 
the graphics image within the display area is 
compressed to fit within the rectangle and por- 
tions of the graphics image formerly outside the 
display area are now within the display area. 

2. The method as recited in claim 1 further comprising 
the steps of: 

providing a redo/undo button on the display 
screen; and 

contacting the redo/undo button to reverse the 
zoom in/out action, the function of the redo/un- 
do button changing between redo and undo for 
every contact. 

3. The method as recited in claim 1 wherein the rec- 
tangle is drawn entirely within the display area of 
the display screen for two-dimensional zoom in/out. 



4. The method as recited in claim 1 wherein the rec- 
tangle is drawn within the peripheral area of the dis- 
play screen along one axis of the graphics image 
for one-dimensional zoom in/out. 
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(54) Touch zoom in/out for a graphics display 



(57) A method of zooming in/out for a graphics im- 
age on a display screen encompasses drawing a rec- 
tangle on the display screen, either entirely within a dis- 
play area of the display screen for two-dimensional 
zoom in/out or along one axis within a peripheral area 



of the display screen for one-dimensional zoom in/out. 
Once the rectangle is drawn by dragging from one cor- 
ner to an opposite corner, tapping or clicking within the 
rectangle causes a zoom in action and tapping or click- 
ing outside the rectangle causes a zoom out action. 
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